<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <title>登录账号</title>
    <link rel="stylesheet" href="../static/css/login.css">
    <script src="{{ url_for('static', filename="js/common.js") }}"></script>

</head>

<body>
    <div class="form-wrapper">
        <div class="form-side">

            <form class="login-form">
                <div class="login-welcome-row">
                    <h1>小橙刷考登录 &#x1F44F;</h1>
                </div>
                <div class="text-field">
                    <label for="email">邮箱号:
                        <input type="email" id="email" name="email" autocomplete="off" placeholder="xx.@xx.com"
                            required>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
                            <path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28"></path>
                        </svg>
                    </label>
                </div>
                <div class="text-field">
                    <label for="password">密码:
                        <input id="password" type="password" name="password" placeholder="至少6个字符包含一个字母和一个数字" title="Minimum 6 characters at
                                                        least 1 Alphabet and 1 Number"
                            pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,}$" required>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                            <path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z">
                            </path>
                            <path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path>
                            <path d="M8 11v-4a4 4 0 1 1 8 0v4"></path>
                        </svg>
                    </label>
                </div>
                <button class="register-btn" id="loginBtn" type="submit">
                    登录
                </button>
                <div class="my-form__actions">
                    <div class="my-form__row">
                        <span>忘记密码？</span>
                        <a href="#" title="Reset Password">
                            重置密码
                        </a>
                    </div>
                    <div class="my-form__signup">
                        <h3> 没有账号？</h3>
                        <a href="/auth/register" title="Register">
                            去注册
                        </a>
                    </div>
                </div>
            </form>
        </div>
        <div class="info-side">
            <img src="../static/resource/login/mock.png" alt="Mock" class="mockup" />
        </div>
    </div>
    <script src="/static/js/login.js" type="module"></script>
    <script src="/static/js/jquery-3.7.1.js"></script>
</body>

</html>